<template>
	<view style="position: relative;">
		<view style="position: absolute;right: 30px;left: 42%;top: 0px;height: 25vw;">
			<image mode="aspectFit" :src="absUrl('static/arrow_line.png')" style="width: 100%;height: 100%;"></image>
			<view style="position: absolute;left:-50%;text-align: center;font-weight: bold;color: #aaa;bottom: -10px;letter-spacing:2px;font-size: 15px;">
				点击右上角 <span style="color: #fff;font-size: 19px;">...</span> ,分享给好友或朋友圈
			</view>
		</view>
		<view style="height: 150px;"></view>
		
		<view style="text-align: center;color: #aaa;bottom: -10px;letter-spacing:1px;font-size: 15px;">
			<view style="margin: 10px;">好友打开后将会跳转至</view>
			<view style="margin: 10px;">https://3wt.cn/Immediate.html</view>
			<view style="margin: 10px;">后台可查看此链接点击数据</view>
		</view>
		
		<view style="display: flex;justify-content: center;padding-top: 70px;">
			<view style="position: relative;width: 320px;background-color: #eee;border-radius: 10px;margin-left: 20px;">
				<view style="position: absolute;left:0%;;height: 55px;width: 55px;padding: 10px;background-color: #eee;border-radius: 100px;transform: translate(-60%,-60%);">
					<image  mode="aspectFit" :src="absUrl('static/icon/wx.png')" style="width: 35px;height: 35px"></image>
				</view>
				
				<view style="display: flex;padding: 15px 0;">
					<view style="margin: 10px 0 10px 10px;background-color: #eee;border-radius: 100px;">
						<image  mode="aspectFit" :src="absUrl('static/icon/xinlang.png')" style="width: 40px;height: 40px"></image>
					</view>
					
					<view style="background-color: white;margin: 10px;flex: 1;border-radius: 10px;padding: 10px;">
						<view style="display: flex;justify-content: space-between;height: 100%;box-sizing: border-box;">
							<view style="margin-right: 10px;">
								<view style="font-weight: bold;font-size: 15px;">我们飞来了</view>
								<view style="color: #aaa;">三维推微信内卡片式短链接2.0版本终于上线了!这维推短链接i-</view>
							</view>
							
							<view style="align-self: flex-end;">
								<image  mode="aspectFit" :src="absUrl('static/icon/xinlang.png')" style="width: 40px;height: 40px"></image>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view style="display: flex;justify-content: center;padding-top: 70px;">
			<view style="position: relative;width: 320px;background-color: #eee;border-radius: 10px;margin-left: 20px;">
				<view style="position: absolute;left:0%;;height: 55px;width: 55px;padding: 10px;background-color: #eee;border-radius: 100px;transform: translate(-60%,-60%);">
					<image  mode="aspectFit" :src="absUrl('static/icon/pengyouquan-icon.png')" style="width: 35px;height: 35px"></image>
				</view>
				
				<view style="display: flex;padding: 15px 0;">
					<view style="margin: 10px 0 10px 10px;background-color: #eee;border-radius: 100px;">
						<image  mode="aspectFit" :src="absUrl('static/icon/baidu.png')" style="width: 40px;height: 40px"></image>
					</view>
					
					<view style="background-color: white;margin: 10px;flex: 1;border-radius: 10px;padding: 10px;">
						<view style="display: flex;justify-content: space-between;height: 100%;box-sizing: border-box;">
							<view style="margin-right: 10px;">
								<view style="font-weight: bold;font-size: 15px;">我们飞来了</view>
								<view style="color: #aaa;">三维推微信内卡片式短链接2.0版本终于上线了!这维推短链接i-</view>
							</view>
							
							<view style="align-self: flex-end;">
								<image  mode="aspectFit" :src="absUrl('static/icon/baidu.png')" style="width: 40px;height: 40px"></image>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
